<div class="flyin-grid__item">
	<img src="https://free-images.com/lg/d337/matterhorn_mountain_high_mountains.jpg"/>
</div>
<style>
.flyin-grid__item{
	animation:fly-in 600ms ease-in;
}
@keyframes fly-in{
	0%{
		transform:translateZ(-800px) rotateY(90deg);
		opacity:0;
	}
	56%{
		transform:translateZ(-160px) rotateY(87deg);
		opacity:0;
	}
	100%{
		transform:translateZ(0) rotateY(0);
	}
}
</style>